import { createApp } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'
import App from './App.vue'
import RoutePlanner from './views/RoutePlanner.vue'
import Navigation from './views/Navigation.vue'
import MusicLibrary from './views/MusicLibrary.vue'
import Footprint from './views/Footprint.vue'
import './styles/main.css'

const routes = [
  { path: '/', redirect: '/route-planner' },
  { path: '/route-planner', component: RoutePlanner, name: 'RoutePlanner' },
  { path: '/navigation', component: Navigation, name: 'Navigation' },
  { path: '/music-library', component: MusicLibrary, name: 'MusicLibrary' },
  { path: '/footprint', component: Footprint, name: 'Footprint' }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

const app = createApp(App)
app.use(router)
app.mount('#app')
